<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>领券中心</title>
    <link rel="stylesheet" type="text/css" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css" />
    <link type="text/css" rel="stylesheet" href="${rootPath}/static/css/CouponCenter.css"/>
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/coupon.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">领券中心</h1>
</header>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">
        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#vueListBox0">
                <span class="mui-inline">精选<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox1">
                <span class="mui-inline">活动专区<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox2">
                <span class="mui-inline">入职专区<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox3">
                <span class="mui-inline">全平台专区<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox4">
                <span class="mui-inline">三甲医院专区<i class="active-line"></i></span>
            </a>
        </div>
        <div class="mui-slider-group">
            <div id="vueListBox0" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <img src="${rootPath}/static/imgs/couponcenter.png" width="100%" class="qy-border-top" />
                        <div class="qy-padding-vertical-14px qy-padding-horizontal-4px qy-flex-fullHeight">
                            <div class="mui-row">
                                <div class="mui-col-xs-12 qy-flex qy-flex-text-between couponbg qy-padding-10px">
                                    <div class="couponman qy-padding-horizontal-24px qy-padding-vertical-8px qy-text-red">
                                        <span class="qy-font-size-12px">&yen;</span>
                                        <span class="qy-font-size-22px">500.00</span>
                                    </div>
                                    <div class="">
                                        <p>全平台（除特殊商品）</p>
                                        <span>满2000.00元使用</span>
                                    </div>
                                    <div class="qy-flex qy-flex-fullHeight" id="progress">
                                        <progress max="100" value="50"></progress>
                                        <p>已抢50%</p>
                                        <input type="button" value="立即领取" class="getcoupon"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="vueListBox1" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                    </div>
                </div>
            </div>
            <div id="vueListBox2" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                    </div>
                </div>
            </div>
            <div id="vueListBox3" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                    </div>
                </div>
            </div>
            <div id="vueListBox4" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/CouponCenter.js"></script>